
*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,html {
    height: 100%
}

body {
    color: #3d3d3d;
    background-color: #fff
}

body.no-overflow {
    overflow: hidden
}

a,button {
    line-height: inherit;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

a:focus {
    text-decoration: none;
    color: inherit;
    outline: 0
}

a:hover {
    text-decoration: none;
    color: #408ed4
}

button,input[type=submit] {
    cursor: pointer
}

ul {
    margin: 0;
    padding: 0;
    list-style: outside none none
}

.full-border {
    border-bottom: 1px solid #ebebeb
}

.header-top-left p {
    font-size: 13px;
    line-height: 44px
}

.box-right {
    float: right
}

.box-right li {
    display: inline-block;
}

.box-right li a {
    padding: 10px 15px
}

.box-right li a i {
    padding-left: 3px;
    font-size: 15px
}

.header-area .header-middle-inner {
    position: relative;
    display: flex;
    align-items: center
}

.header-middle{
    margin-top: 20px;
}

.logo{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: rgb(225, 222, 222)
}

.logo > a,
.logo img{
    width: 100%;
    height: 100%;
}

.search-container form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 30px;
    border: 2px solid #408ed4;
    width: 650px;
    position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .search-container form {
        width: 550px
    }
}

.search-container form .search_box .header-search {
    width: 390px;
    height: 44px;
    padding-left: 18px;
    border: 0;
    outline: 0;
    background-color: rgba(196,192,192,.1);
}

.header-search-button {
    position: absolute;
    top: -2px;
    right: -2px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #408ed4;
    padding: 0 27px;
    border: 0;
    border-radius: 0 25px 25px 0;
}

.header-search-button:hover{
    background-color: #597193;
}

.shopping-cart{
    position: absolute;
    right: 0;
    margin-right: 20px;
}

.bi{
    font-size: 40px;
    color: #408ed4;
}